<template>
    <div class="chaxunBohui">
        <div class="select-header">
            <ul class="select-list">
                <li class="select-listHeader" style="padding: 0">
                    {{$route.query.vin_details}}
                </li>
                <li class="select-listHeader_img ">
                    <div class="float_lf">
                        <img  style="width: 79px; height: 79px" src="../assets/images/record_reject_img@3x.png" width="100%" height="100%" alt=""/>
                    </div>
                    <div style="padding:0; width: auto; ">


                        <p class="car-number">
                            厂家系统维护，暂时关闭
                        </p>
                        <p class="car-name" style="color: #666; line-height:inherit; font-size: 14px; height: auto;position: relative;top: 3px;">
                            本次查询费用已返还至您的账户
                        </p>
                    </div>
                </li>
                <li class="select-cost borBttom" style="height: 44px;line-height: 44px;font-size: 14px">
                    <!--更多问题请联系<a class="fontCd329">在线客服</a>,<br/>或-->
                    更多问题请拨打电话<a  class="fontCd329" href="tel:400-8787-923">400-8787-923</a>
                </li>
            </ul>
        </div>
        <div class="text_yy">
            <p>可能原因：</p>
            <p>{{msg}}</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'chaxunBohui',
        data() {
            return {
                msg: '①厂家系统维护，系统恢复时蚂小蚁会马上通知您'
            }
        },
        created(){
            this.$http.post('https://api.mayinvwang.com/index.php/imageQuery/detail',
                {
                    query_id:this.$route.query
                }).then((res)=>{
                if(res.data.list.reject_info){
                    this.msg=res.data.list.reject_info
                }
            })
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    @import '../assets/css/select.css';
    .select-header{
        background-color:#EDEDED;

    }
    .select-list li{
        background: #fff;

    }
    .select-listHeader{
        margin: 10px 0;
        line-height: 44px;
        text-align: center;
        color:#333;
        font-size: 0.9375rem;
    }
    .car-number{
        color: #333333;
        font-size: 1.125rem;
        font-weight: bold;
    }
    .select-listHeader_img div{
        border: none;
        height: auto;
        width: auto;
        padding: 0;
        padding-left: 16px;
        padding-right: 10px;
    }
    .select-cost, .select-time{
        height: auto;
        color: #666;
        text-align: center;
        line-height: 24px;
    }
    .select-listHeader_img{
        height: auto;
        padding: 15px 0;
        display: flex;
        flex-flow: row nowrap;
    }
    .text_yy{
        margin-top: 15px;
    }
    .text_yy p{
        line-height: 24px;
        color: #666 ;
        font-size: 0.875rem;
        padding:0 20px;
    }
    .fontCd329 {
        color: #d32920;
        text-decoration: underline;
    }
</style>
